<template>
  <div class="outmain ba_f">
    <div class="shuju_title mar_b20">
      <div class="shuju_title_text">
        <span>储值查询</span>
      </div>
    </div>
    <div class="pad_20 flex-bet">
      <el-form :inline="true" :model="formInline" class="demo-form-inline searchform">
        <el-form-item label="手机号/姓名/昵称">
          <el-input v-model="formInline.user" size="medium" placeholder="手机号/姓名/昵称"></el-input>
        </el-form-item>
        <el-form-item label="注册时间">
          <el-date-picker
                  v-model="formInline.region"
                  type="daterange"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit" size="medium">搜索</el-button>
        </el-form-item>
      </el-form>
      <div class="flex">

      </div>
    </div>
    <el-table
            :data="tableData"
            stripe
            style="width: 100%">
      <el-table-column
              prop="time"
              label="用户信息"
      >
        <template slot-scope="scope">
          <div class="flex flex-y-top">
            <div class="">
              <img
                      class="goodlogo bor_rad50"
                      src="../../assets/img/good/ceshi.jpg"/>
            </div>
            <div class="mar_l10">
              <div class="flex">
                <div class="">{{scope.row.goodname}}
                  <el-tag size="mini" type="info" class="mar_l5">（ID:{{scope.row.id}}）</el-tag>
                </div>
              </div>
              <p class="fon_12 color_9 mar_t5">小程序</p>
            </div>
          </div>
        </template>
      </el-table-column>
      <el-table-column
              prop="number"
              label="充值金额"
      >
      </el-table-column>
      <el-table-column
              prop="success"
              label="赠送金额"
      >
      </el-table-column>
      <el-table-column
              prop="sb"
              label="赠送积分"
      >
      </el-table-column>
      <el-table-column
              prop="sb"
              label="赠送成长值"
      >
      </el-table-column>
      <el-table-column
              prop="sb"
              label="赠送优惠券"
      >
      </el-table-column>
      <el-table-column
              prop="time"
              label="操作时间"
      >
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        formInline: {
          user: '',
          region: ''
        },
        tableData: [
          {
            id: '1',
            goodname:'钉钉',
            number: '100',
            sb: '2',
            success:'98',
            time: '2010-08-14  08:20:05',
            display: '2',
          },
        ],
      }
    },
    methods: {

    }
  }
</script>
